<?php 
/**
 * 站点首页
 */
if(!defined('EMLOG_ROOT')) {exit('error!');} 
?>
		<section id="content">
          <section class="hbox stretch">
            <section>
              <section class="vbox" id="bjax-el">
                <section class="scrollable padder-lg w-f-md" id="bjax-target">
                  <!--<a href="#" onclick="refresh()" class="pull-right text-muted m-t-lg" data-toggle="class:fa-spin" ><i class="icon-refresh i-lg  inline" id="refresh"></i></a>-->
                  <h2 class="font-thin m-b"><?php echo $blogname ;?><span class="musicbar animate inline m-l-sm" style="width:20px;height:20px">
                    <span class="bar1 a1 bg-primary lter"></span>
                    <span class="bar2 a2 bg-info lt"></span>
                    <span class="bar3 a3 bg-success"></span>
                    <span class="bar4 a4 bg-warning dk"></span>
                    <span class="bar5 a5 bg-danger dker"></span>
                  </span></h2>
                  <div class="row row-sm">
                    <?php index_log('0','12','date','Youku_SortId');?>
                  </div>
                  <div class="row">
                    <div class="col-md-7">
                      <h3 class="font-thin">New Songs</h3>
                      <div class="row row-sm">
                     <?php index_log('0','8','date','Xiami_SortId');?>
                      </div>
                    </div>
                    <div class="col-md-5">
                      <h3 class="font-thin">Top Video</h3>
                      <div class="list-group bg-white list-group-lg no-bg auto">
					 <?php index_log('0','5','views','Youku_SortId');?>
                      </div>
                    </div>
                  </div>
                  <div class="row m-t-lg m-b-lg">
                    <div class="col-sm-6">
                      <div class="bg-primary wrapper-md r">
                        <a href="<?php echo BLOG_URL; ?>signin.html">
                          <span class="h4 m-b-xs block"><i class=" icon-user-follow i-lg"></i> 登入/注册</span>
                          <span class="text-muted">分享你看到的优酷视频或者听过的虾米音乐。</span>
                        </a>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="bg-black wrapper-md r">
                        <a href="#">
                          <span class="h4 m-b-xs block"><i class="icon-cloud-download i-lg"></i> MV高清下载</span>
                          <span class="text-muted">视频提供网盘高清下载，下载全高清资源保存与欣赏。</span>
                        </a>
                      </div>
                    </div>
                  </div>
                </section>
                <footer class="footer bg-dark">
                  <div id="jp_container_N">
                    <div class="jp-type-playlist">
                      <div id="jplayer_N" class="jp-jplayer hide"></div>
                      <div class="jp-gui">
                        <div class="jp-video-play hide">
                          <a class="jp-video-play-icon">play</a>
                        </div>
                        <div class="jp-interface">
                          <div class="jp-controls">
                            <div><a class="jp-previous"><i class="icon-control-rewind i-lg"></i></a></div>
                            <div>
                              <a class="jp-play"><i class="icon-control-play i-2x"></i></a>
                              <a class="jp-pause hid"><i class="icon-control-pause i-2x"></i></a>
                            </div>
                            <div><a class="jp-next"><i class="icon-control-forward i-lg"></i></a></div>
                            <div class="hide"><a class="jp-stop"><i class="fa fa-stop"></i></a></div>
                            <div><a class="" data-toggle="dropdown" data-target="#playlist"><i class="icon-list"></i></a></div>
                            <div class="jp-progress hidden-xs">
                              <div class="jp-seek-bar dk">
                                <div class="jp-play-bar bg-info">
                                </div>
                                <div class="jp-title text-lt">
                                  <ul>
                                    <li></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                            <div class="hidden-xs hidden-sm jp-current-time text-xs text-muted"></div>
                            <div class="hidden-xs hidden-sm jp-duration text-xs text-muted"></div>
                            <div class="hidden-xs hidden-sm">
                              <a class="jp-mute" title="mute"><i class="icon-volume-2"></i></a>
                              <a class="jp-unmute hid" title="unmute"><i class="icon-volume-off"></i></a>
                            </div>
                            <div class="hidden-xs hidden-sm jp-volume">
                              <div class="jp-volume-bar dk">
                                <div class="jp-volume-bar-value lter"></div>
                              </div>
                            </div>
                            <div>
                              <a class="jp-shuffle" title="shuffle"><i class="icon-shuffle text-muted"></i></a>
                              <a class="jp-shuffle-off hid" title="shuffle off"><i class="icon-shuffle text-lt"></i></a>
                            </div>
                            <div>
                              <a class="jp-repeat" title="repeat"><i class="icon-loop text-muted"></i></a>
                              <a class="jp-repeat-off hid" title="repeat off"><i class="icon-loop text-lt"></i></a>
                            </div>
                            <div class="hide">
                              <a class="jp-full-screen" title="full screen"><i class="fa fa-expand"></i></a>
                              <a class="jp-restore-screen" title="restore screen"><i class="fa fa-compress text-lt"></i></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="jp-playlist dropup" id="playlist">
                        <ul class="dropdown-menu aside-xl dker">
                          <!-- The method Playlist.displayPlaylist() uses this unordered list -->
                          <li class="list-group-item"></li>
                        </ul>
                      </div>
                      <div class="jp-no-solution hide">
                        <span>Update Required</span>
                        To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
                      </div>
                    </div>
                  </div>
                </footer>
              </section>
            </section>
            <!-- side content -->
            <aside class="aside-md bg-light dk" id="sidebar">
              <section class="vbox animated fadeInRight">
                <section class="w-f-md scrollable hover">
                  <h4 class="font-thin m-l-md m-t">Review</h4>
                  <ul class="list-group no-bg no-borders auto m-t-n-xxs">
                   <?php   
				   global $CACHE; 
				   $com_cache = $CACHE->readCache('comment');
				   foreach($com_cache as $value):
				   $url = Url::comment($value['gid'], $value['page'], $value['cid']);
				   ?>
                    <li class="list-group-item">
                      <span class="pull-left thumb-xs m-t-xs avatar m-l-xs m-r-sm">
					  <img alt="<?php echo $value['name']; ?>" src="<?php ting_avatar( $value['mail']); ?>" class='img-circle' height="45" width="45" />
                        <i class="on b-light right sm"></i>
                      </span>
                      <div class="clear">
                        <div><?php echo $value['name']; ?></div>
                        <a href="<?php echo $url; ?>"><small class="text-muted"><?php echo $value['content']; ?></small></a>
                      </div>
                    </li>
					<?php endforeach; ?>
                  </ul>
                </section>
                <footer class="footer footer-md bg-black">
                  <form name="keyform" method="get" action="<?php echo BLOG_URL; ?>index.php" role="search">
                    <div class="form-group clearfix m-b-none">
                      <div class="input-group m-t m-b">
                        <span class="input-group-btn">
                          <button type="submit" class="btn btn-sm bg-empty text-muted btn-icon"><i class="fa fa-search"></i></button>
                        </span>
                        <input name="keyword" type="text" class="form-control input-sm text-white bg-empty b-b b-dark no-border" placeholder="Search members">
                      </div>
                    </div>
                  </form>
                </footer>
              </section>              
            </aside>
            <!-- / side content -->
          </section>
          <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
        </section>
      </section>
    </section>    
  </section>
    <script src="<?php echo TEMPLATE_URL; ?>js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<?php echo TEMPLATE_URL; ?>js/bootstrap.js"></script>
  <!-- App -->
  <script src="<?php echo TEMPLATE_URL; ?>js/app.js"></script>  
  <script src="<?php echo TEMPLATE_URL; ?>js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="<?php echo TEMPLATE_URL; ?>js/app.plugin.js"></script>
  <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){

  var myPlaylist = new jPlayerPlaylist({
    jPlayer: "#jplayer_N",
    cssSelectorAncestor: "#jp_container_N"
  }, [
    <?php echo ting_xiami_list('0','8','rand()','js'); ?>
  ], {
    playlistOptions: {
      enableRemoveControls: true,
      autoPlay: false
    },
    swfPath: "js/jPlayer",
    supplied: "webmv, ogv, m4v, oga, mp3",
    smoothPlayBar: true,
    keyEnabled: true,
    audioFullScreen: false
  });
});
</script>
	<?php doAction('index_footer'); ?>
<script>prettyPrint();</script>
</body>
</html>